.dot_wrap,.dot_ripple_wrap{opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}
.item_show_dot .dot_ripple_wrap{opacity:1}
.dot_ripple{opacity:0;-webkit-animation:ripple 4.5s 0s ease-out infinite both;animation:ripple 4.5s 0s ease-out infinite both;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(0);transform:scale(0);visibility:hidden}
.item_dot .dot_ripple{-webkit-animation-duration:2s;animation-duration:2s}
.item_0 .dot_ripple{-webkit-animation-delay:0s!important;animation-delay:0s!important}
.item_1 .dot_ripple{-webkit-animation-delay:.9s!important;animation-delay:.9s!important}
.item_2 .dot_ripple{-webkit-animation-delay:1.8s!important;animation-delay:1.8s!important}
.item_3 .dot_ripple{-webkit-animation-delay:2.7s!important;animation-delay:2.7s!important}
.item_4 .dot_ripple{-webkit-animation-delay:3.6s!important;animation-delay:3.6s!important}

 
@-webkit-keyframes ripple{0%{opacity:0;-webkit-transform:scale(.1);visibility:visible}5%{opacity:1;visibility:visible}100%{opacity:0;-webkit-transform:scale(1);visibility:visible}}@keyframes ripple{0%{opacity:0;transform:scale(.1);visibility:visible}5%{opacity:1;visibility:visible}100%{opacity:0;transform:scale(1);visibility:visible}}
 

.section_about{color:#fff;height:auto}
.section_about .map_wrap{position:relative}
.section_about .map{ }
.section_about .map_inner{position:relative;height:100%}
.section_about .number_items{position:absolute;right:0;top:0;margin-top:2%}svg{width:100%;height:100%}
.section_about .number_wrap{text-align:right;margin-left:auto;padding:8% 0 15% 15%;float:right}
.section_about .content_text{text-align:justify}
.section_about .button_wrap{margin-top:3.5em;text-align:center}
.content_block{width:50%;position:relative}
.content_block_title{font-size:3em;font-weight:normal}
h2.content_block_title{font-size:3.75em;padding-bottom:.5em}
.page_home h2.content_block_title{padding:0}
.language_en h2.content_block_title,.language_en .page_home .zh{display:none}
h4.content_block_title{font-size:1.875em;color:#00efba;line-height:1.2}
.content_block .content_text{margin:2.8em 0}
.figure_image_mask{position:absolute;left:110%;top:0;width:560px;margin-top:-3%}
.figure_image_mask svg{height:auto}

.section_future_city .figure_image_mask{left:auto;right:110%;margin-top:0}

.section_future_capital .figure_image_mask{left:93%;width:740px;margin-top:-14%}
.section_future_capital h4.content_block_title{text-transform:capitalize}
.arrow_detail{width:14px;height:14px;display:inline-block;background:url(/s/8.svg) 0 0 no-repeat;vertical-align:middle}

.section_about .content_text{margin:0 auto;max-width:650px;padding-top:8%}
.feature .item{width:50%;display:inline-block;vertical-align:middle;position:relative;margin-bottom:2.375em}


.section_show {pointer-events:all;opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0)}

.section svg .item,.section line,.section path,.section circle,.section text{opacity:0;-webkit-transition:-webkit-transform .5s ease,opacity .5s ease;transition:transform .5s ease,opacity .5s ease}.item_dot circle,.item_dot text,.map svg circle{cursor:pointer}

.city_name{opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform .2s ease-out,opacity .2s ease-out;transition:transform .2s ease-out,opacity .2s ease-out}

.city_item_show_tip .city_name{-webkit-transform:scale(1);transform:scale(1);opacity:1}

.city_place{-webkit-transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out}

.city_item_show_tip .city_place{-webkit-transform:scale(1.8);transform:scale(1.8)}